<link rel="stylesheet" href="lib/base.css"/>
<script src="lib/jquery-1.8.2.min.js"></script>
<!-- 引入nav插件 -->
<link rel="stylesheet" href="lib/nav/foldpanel.main.css"/>
<script src="lib/nav/foldpanel.min.js"></script>
<div style="overflow-y: scroll;">
    <dl class="foldpanel" id="my-foldpanel">
        <dt>地图案例</dt>
        <dd><a href="baidu-map/demo.html" target="main">百度地图-地址反解析2015-10-12</a></dd>
        <dt>layer案例</dt>
        <dd><a href="layer-demo/layer-loading.html" target="main">layer加载层2015-10-13</a></dd>
    </dl>
</div>
<script>
    $(function(){
        $('dl#my-foldpanel').foldpanel({
            init: true,     // 初始第一个展开, 默认为 true
            time: 400,      // panel展开动画时间, 默认为 300ms
            dbclose: true      // 在此点击关闭, 默认为 true
        });
    });
</script>